import React from 'react'
import { NavBar, Space, Toast } from 'antd-mobile';
import { MoreOutline } from 'antd-mobile-icons';
import styles from '../css/chat.module.css'
import Getmess from './Getmess';

export default function Chat() {
    const right = (<div style={{ fontSize: 24 }}>
        <Space style={{ '--gap': '16px' }}>
            <MoreOutline />
        </Space>
    </div>);
    const back = () => Toast.show({
        content: '点击了返回区域',
        duration: 1000,
    });
    return (
        <div className={styles.box}>
            <NavBar right={right} onBack={back}>
                标题
            </NavBar>
            <div className={styles.head}>
                正在服务中，此服务将在20小时后结束
            </div>
            <div>
                <p style={{textAlign:"center",margin:"10px 0",fontWeight:"bold",fontSize:"15px"}}>星期天 9:30</p>
                <Getmess/>
                <Getmess  own={true}/>
                <Getmess  />
                <Getmess  />
                <Getmess  own={true}/>
            </div>
        </div>
    )
}
